/* 
    Document   : main.css
    Created on : Jun 18, 2013, 5:36:02 PM
    Author     : Samsung
    Description:
        Purpose of the stylesheet follows.
*/
/* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
/*
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
*/
root { display: block; }
body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-image:url(../images/background.png); padding-top: 20px; padding-bottom: 20px; }
h1 { font-weight: bolder; font-size: 16px; margin-bottom: 10px; }

/*
** layouts
*/
div.outer-wrapper { border:0px solid red; width:80%; margin: 0 auto; background-color: #FFF; }
div.header { border:0px solid black; height:40px; background-color: #FFA500; }
div.content-wrapper { border:0px solid red; padding:20px; }
div.footer { border:0px solid red; background-color: #000; color: #FFA500; padding:5px; text-align: center; font-size: 10px; }

/*************************
**  Form CSS
**************************/

/** form fields */
form p.note {color: red;font-size: 10px;margin-bottom: 10px;}
form hr { margin: 20px 0; clear: both;}
form .error input { border:2px solid red; }
form div.row { border:0px solid red; margin: 5px 0; clear: both; }
form div.row label {
    float: left;
    border:0px solid blue;
    display:inline-block;
    width: 180px;
    margin:5px;
}
form div.row input {margin:5px 0; width:200px; padding:3px; font-size:10px;}
form div.row span label {
    border:0px solid red;
    display:inline;
    width: auto;
    margin-right:20px;
}
form div.row span input {float:left; margin:5px 0; width:20px;}
form div.buttons {}

form div.gallery-editor {  }
form div.gallery-editor .row {
    display:inline-block; margin-right:5px;
    vertical-align:middle; clear: both; 
    /*width: 100%;*/
}
form div.gallery-editor div.image {
    float:left; margin-right: 5px;
    display:inline-block; 
    max-height: 100px; min-height:100px;
    max-width: 100px; min-width:100px;
    vertical-align:middle;
}
form div.gallery-editor img { max-height: 100px; max-width: 100px;}
form div.gallery-editor div.info { width: 200px; float: left; display:inline-block;}
form div.gallery-editor div.input { float: left; display:inline-block; }

form div.video-editor {  }
form div.video-editor .row { display:inline-block; margin-right:5px; vertical-align:middle; clear: both; width: 100%;}
form div.video-editor div.video { float:left; margin-right: 5px; display:inline-block; vertical-align:middle;}
form div.video-editor div.fields {float: right; display:inline-block; width:400px; }
form div.video-editor div.fields .row{ clear:both; }
form div.video-editor div.fields label{ float:left; width:80px;}
form div.video-editor div.fields input{ width:200px;}
form div.video-editor div.links { padding:5px; }

/** form message */
div.flash-success {
    border:2px solid blue;
    background-color: #9AAFE5;
    padding: 10px;
    margin: 10px 0;	
}
div.errorSummary, div.flash-error {
    border: 2px solid red;
    background-color: pink;
    font-size: 12px;
    padding: 10px;
    margin: 10px 0;
}
div.errorSummary p { font-weight: bold; margin-bottom:5px;}
div.errorSummary li { list-style:decimal; list-style-position:inside; }
div.errorMessage { float:right; font-size: 10px; color: red;}

/** form captcha */
.captcha { border:0px solid red; margin: 5px 0; padding-left:193px;}
.captcha img { width: 100px; padding-right: 10px;}
.captcha .captchaDescription { margin-top: 10px;}

/** form buttons */
form div.buttons { text-align:right;}
form div.buttons input  { width:auto; padding:5px 10px;}
form div.buttons input:hover {cursor:pointer;}